<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Eno Yao</title>
  </head>
  <body>
    <script src="https://tencent.github.io/omi/packages/omi/dist/omi.js"></script>
    <script>
      const { WeElement, define, html, h, render } = omi;

      class ComponentName extends WeElement {
        render(props) {
          return h("div", null, h("p", null, this.data.title));
        }

        install() {
          this.data = {
            title: "omi"
          };
        }
      }

      ComponentName.css = `
/* CSS */
p {color: #58bc58};
`;
      define("component-name", ComponentName);
      render(
        html`
          <component-name />
        `,
        "body"
      );
    </script>
  </body>
</html>
